<template>
	<view class="mask" v-if="show">
		<view class="deleteContent" :style="{'left': left + 'px', 'bottom': bottom + 'px'}">
			<image style="width: 65px;height: 65px; margin-bottom: 4px" :src='img'></image>
			<view class="delete" @click="deleteData">删除</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			show: {
				type: Boolean,
				default: false
			},
			left: {
				type: Number,
				default: 0,
			},
			bottom: {
				type: Number,
				default: 0
			},
			img: {
				type: String,
				default: "",
			}
		},
		methods: {
			deleteData() {
				console.log('删除')
				this.$emit('delete')
			}
		},
		
	}
</script>

<style lang="scss" scoped>
	.mask {
		width: 100vw;
		height: 100vh;
		display: flex;
		
		.deleteContent {
			display: flex;
			flex-direction: column;
			align-items: center;
			background: #FFFFFF;
			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
			position: absolute;
			
			.delete {
				font-size: 16px;
				color: #333333;
				line-height: 30px;
			}
		}
	}
</style>